<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<input type="button" value="改变" id="myBtn">	
	
	<script type="text/javascript">
		var btn=document.getElementById("myBtn");
		var handler=function(event){
			//alert(event.type);
		   switch(event.type){      //使用event.type检测事件类型
		      case "click":        //若是Click事件
		         alert("clicked");
		         break;
 		      case "mouseover":    //若是Mouseover事件
		         //使用event.target获取事件目标，并更改目标样式背景颜色
		         event.target.style.backgroundColor="red";
		         break;
		      case "mouseout":    //若是Mouseout事件
		         event.target.style.backgroundColor="blue";
		         break;
		   }
		};
		btn.onclick=handler;  //使用DOM0级为对象添加事件处理函数
		btn.onmouseover=handler;
		btn.onmouseout=handler;	

	</script>
</body>
</html>